<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>envatomarket</title>
    <link rel="stylesheet" href="css/main2.css">
    <script src="js/jquery.js"></script>
    <script src="js/main.js"></script>
    <script src="js/ajax.js"></script>
    <script src="js/Info.js"></script>
</head>
<body>
<div class="header">
    <div class="container">
        <div class="header-bar">
            <div class="header-left">
                <img src="images/logo.png" alt="">
            </div>
            <div class="header-right" style="background-color: #5ca11f; width: 100px;">
                <div class="shop">
                    <!-- <img src="images/shop.png" alt="">
                    <span>2</span> -->
                </div>
                <div class="user">
                    <a style="display: block; text-align: center; width: 100px; color: #fff; font-size: 18px; cursor: pointer;" id="SignIn">
                        Sign In or On
                    </a>
                    <span class="exit">EXIT</span>
                    <!-- <img src="images/user.png" alt="">
                    <span>Sun Jifeng</span> -->
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="nav-cover">
                <ul class="nav-item">
                    <li><a href="htmls/file.html">Web Themes & Templates</a></li>
                    <li><a href="#">Code</a></li>
                    <li><a href="#">Video</a></li>
                    <li><a href="#">Audio</a></li>
                    <li><a href="#">Graphics</a></li>
                    <li><a href="#">Potos</a></li>
                    <li><a href="#">3D</a></li>
                    <span></span>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="sec-nav">
    <div class="container">
        <ul class="sec-item">
            <li><a href="#">All Items</a></li>
            <li><a href="#">WordPres</a></li>
            <li><a href="#">Simple Site Builder</a></li>
            <li><a href="#">HTML</a></li>
            <li><a href="#">Marketing</a></li>
            <li><a href="#">CMS</a></li>
            <li><a href="#">eCommerce</a></li>
            <li><a href="#">Muse</a></li>
            <li><a href="#">UI Design</a></li>
            <li><a href="#">Plugins</a></li>
            <li><a href="#">More</a></li>
        </ul>
    </div>
</div>
<div class="main-body">
    <div class="container">
        <div class="search">
            <input type="text" placeholder="Search within these result"><button>Search</button>
        </div>
        <span class="line"></span>
        <div class="content">
            <div class="content-left">
                <div class="left-title">
                    <img src="images/close.png" alt=""><span>Filter & Refine</span>
                    <span class="line-left"></span>
                    <h2>Price</h2>
                    <input type="text" class="price"> - <input type="text" class="price"><input type="button" value=">" class="enter">
                </div>
                <span class="line-left"></span>
                <div class="filter">
                    <h3>Software Verion</h3>
                    <div class="control-scoll">
                        <ul class="software">
                            <li><a href="#">All software versions</a><span>43,065</span></li>
                            <li><a href="#">WordPress</a><span>11,579</span></li>
                            <li><a href="#">Joomla</a><span>1,079</span></li>
                            <li><a href="#">PrestaShop</a><span>935</span></li>
                            <li><a href="#">Muse</a><span>757</span></li>
                            <li><a href="#">OpenCart</a><span>747</span></li>
                            <li><a href="#">Magento</a><span>742</span></li>
                            <li><a href="#">All software versions</a><span>43,065</span></li>
                            <li><a href="#">WordPress</a><span>43,065</span></li>
                            <li><a href="#">Joomla</a><span>43,065</span></li>
                            <li><a href="#">PrestaShop</a><span>43,065</span></li>
                            <li><a href="#">Muse</a><span>43,065</span></li>
                            <li><a href="#">OpenCart</a><span>43,065</span></li>
                            <li><a href="#">Magento</a><span>43,065</span></li>
                        </ul>
                    </div>
                    <br>
                    <span class="line-left"></span>
                    <h3>Comoatible</h3>
                    <div class="control-scoll">
                        <ul class="software">
                            <li><input type="checkbox"><i>Boostrap</i><span>20,514</span></li>
                            <li><input type="checkbox"><i>Woocommerec</i><span>5,858</span></li>
                            <li><input type="checkbox"><i>Wpml</i><span>5,500</span></li>
                            <li><input type="checkbox"><i>Visual Composer</i><span>5,230</span></li>
                            <li><input type="checkbox"><i>Events Calendar</i><span>579</span></li>
                            <li><input type="checkbox"><i>Facebook</i><span>569</span></li>
                            <li><input type="checkbox"><i>Bbpress</i><span>547</span></li>
                            <li><input type="checkbox"><i>Boostrap</i><span>43,065</span></li>
                            <li><input type="checkbox"><i>Boostrap</i><span>43,065</span></li>
                            <li><input type="checkbox"><i>Events Calendar</i><span>43,065</span></li>
                            <li><input type="checkbox"><i>Facebook</i><span>43,065</span></li>
                            <li><input type="checkbox"><i>Bbpress</i><span>43,065</span></li>
                            <li><input type="checkbox"><i>Wpml</i><span>43,065</span></li>
                            <li><input type="checkbox">Boostrap<span>43,065</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content-right">
                <div class="clum">
                    <span>All price are in USD</span>
                    <img src="images/sort1.png" alt="">
                    <img src="images/sort2.png" alt="">
                    <select name="" id="">
                        <option value="">sort:Newest item</option>
                    </select>
                </div>
                <div class="tex-all">
                <div class="item">
                    <div class="images">
                        <img src="" alt="">
                        <p><a href="#"></a></p>
                    </div>
                    <div class="item-text">
                        <h2></h2>
                        <i></i>
                        <p></p>
                        <ul>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                        </ul>
                    </div>
                    <div class="card">
                        <div class="card-top">
                            <img src="images/Group2.png" alt="">
                            <img src="images/Group1.png" alt="">
                        </div>
                        <div class="card-text">
                            <h3>$14</h3>
                            <p>Last updated:9 Sep 18</p>
                        </div>
                        <div class="stay-bottom">
                            <div class="card-bottom">
                                <button>preview</button>
                                <img src="images/shopping.png" alt="">
                            </div>
                        </div>
                    </div>

                </div>

                </div>
                <div class="clear"></div>
                <div id="tab3_page">
                    <a href="#" class="prev">&lt;</a>
                    <a href="#1" class="active_page page1 add">1</a>
                    <a href="#2" class="page2 add">2</a>
                    <a href="#2" class="page3 add">3</a>
                    <a href="#2" class="next">&gt;</a>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="min_width">
    <div class="container">
        <div class="footer_up">
            <ul>
                <li>
                    <h5>ENVATO MARKEI</h5>
                </li>
                <li>
                    <a href="javascript:;" title="">Terms</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Licenses</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Market API</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Become an affiliate</a>
                </li>
            </ul>
            <ul>
                <li>
                    <h5>HELP</h5>
                </li>
                <li>
                    <a href="javascript:;" title="">Themes and Templates</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Websites</a>
                </li>
                <li>
                    <a href="javascript:;" title="">AUthors API</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Help Center</a>
                </li>
            </ul>
            <ul>
                <li>
                    <h5>JOIN OUR COMMUNITY</h5>
                </li>
                <li>
                    <a href="javascript:;" title="">Community</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Blog</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Forums</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Meetups</a>
                </li>
            </ul>
            <img src="../images/logo.png" alt="">
        </div>
        <div class="footer_down">
            <ul>
                <li><a href="javascript:;" title="">About Envato</a></li>
                <li><a href="javascript:;" title="">Careers</a></li>
                <li><a href="javascript:;" title="">Privacy policy</a></li>
                <li><a href="javascript:;" title="">Sitemap</a></li>
            </ul>
            <p>All prices are in US dollars</p>
            <p>© 2018 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.</p>
        </div>
    </div>
</footer>
<script>
    $(".exit").click(function(){
        window.location.href="htmls/sign.html";
    });
</script>
</body>
</html>